<template>
  <div class="lUploadImg">
    <div class="left">
      <div class="label"><span class="require" v-if="props?.rule?.require">*</span>{{props.label}}</div>
    </div>
    <div class="right">
      <u-input @update:modelValue="input" class="input" border="none" inputAlign="right" placeholder="请输入" style="width:100%" :placeholderStyle="inputStyle"></u-input>
    </div>
  </div>
</template>

<script setup>
import { request } from '@/util/request'
import { ref } from 'vue'
import { baseUrl } from '@/config/config'
const props = defineProps({
  modelValue: '',
  label: '',
  rule: { require: false, reg: '', message: '' },
})
const inputStyle = {
  textAlign: 'right',
  color: '#bbbbbb'
}
const emits = defineEmits(['update:modelValue'])
function input(v) {
  emits('upload:modelValue', v)
}


</script>

<style lang="scss" scoped>
.lUploadImg {
  height: 80rpx;
  display: flex;
  gap: 80rpx;
  justify-content: space-between;
  align-items: center;
  .left {
    .label {
      padding-top: 15rpx;
      font-size: 28rpx;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      text-align: left;
      color: #333333;
    }
    .require {
      color: #df5146;
    }
    .tip {
      font-size: 20rpx;
      font-family: PingFang SC, PingFang SC-Regular;
      font-weight: 400;
      text-align: left;
      color: #bbbbbb;
    }
  }
  .right {
    flex: 1;
    .input {
      background: #ffffff;
    }
    .uni-input-input {
      text-align: right;
    }
  }
}
</style>